<template>
  <div class="goods">
    <page-search :searchConfing="searchForm" />
    <page-content :contentTableConfing="contentTableConfing" pageName="goods">
      <template #oldPrice="scope">
        <span>{{'￥' + scope.row.oldPrice}}</span>
      </template>
      <template #image="scope">
        <el-image style="width: 100px; height: 100px" :src="scope.row.imgUrl" :preview-src-list="[scope.row.imgUrl]" :z-index="9999" />
      </template>
    </page-content>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"

import PageSearch from "@/components/pageSearch"
import PageContent from "@/components/pageContent"

import { contentTableConfing } from "./confing/pagecontent.confing"
import { searchForm } from "./confing/search.confing"

export default defineComponent({
  name: "goods",
  components: { PageSearch, PageContent },
  setup() {
    return {
      contentTableConfing,
      searchForm
    }
  }
})
</script>

<style scoped></style>
